{% extends 'bootstrap/base.html' %}
    {% block head %}
        {{ super() }}
        {% include 'include/_header.html' %}
    {% endblock %}

    {% block styles %}
        {{ super() }}
    <!-- Material Design fonts -->
        <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Roboto:300,400,500,700">
        <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/icon?family=Material+Icons">
    <!-- Bootstrap Material Design -->
        <link rel="stylesheet" type="text/css" href="{{ url_for('static',filename='bootstrap-material-design.min.css') }}">
        <link rel="stylesheet" type="text/css" href="{{ url_for('static',filename='ripples.min.css') }}">
    <!-- Dropdown.js -->
        <link href="{{ url_for('static',filename='jquery.dropdown.css') }}" rel="stylesheet">
    <!-- codehilite -->
        <link href="{{ url_for('static',filename='codehilite.css') }}" rel="stylesheet">
    <style>
    body {
        padding-top: 70px;
    }
    </style>

    {% endblock %}

    {% block navbar %}
       {% include 'include/_navbar.html' %}
       {# {{ nav.top.render() }} #}
    {% endblock %}


    {% block content %}
        {{ super() }}
        <div class="container">
        <div class="row">
        {% for message in get_flashed_messages() %}
            <div class="alert alert-warning">
                <button type="button" class="close" data-dismiss="alert">&times;</button> {{ message }}
            </div>
        {% endfor %}
        </div>
    </div>
    {% endblock %}

    {% block scripts %}
        {{ super() }}
        {{ moment.include_moment() }}
        {{ moment.lang("zh-CN") }}

        <script src="{{ url_for('static',filename='material.js') }}"></script>
        <script src="{{ url_for('static',filename='ripples.min.js') }}"></script>
        <script>
        $.material.init();
        </script>

        <!-- Dropdown.js -->
        <script src="{{ url_for('static',filename='jquery.dropdown.js') }}"></script>
        <script>
        $("select").dropdown();
        </script>
    {% endblock %}
